/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*

* Prefixed by https://autoprefixer.github.io

* PostCSS: v8.4.14,

* Autoprefixer: v10.4.7

* Browsers: last 4 version

*/

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-BookItalic.woff2") format("woff2"),
    url("fonts2/Gotham-BookItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Light.woff2") format("woff2"),
    url("fonts2/Gotham-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Book.woff2") format("woff2"),
    url("fonts2/Gotham-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-LightItalic.woff2") format("woff2"),
    url("fonts2/Gotham-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Light.woff2") format("woff2"),
    url("fonts2/Gotham-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-BookItalic.woff2") format("woff2"),
    url("fonts2/Gotham-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Medium.woff2") format("woff2"),
    url("fonts2/Gotham-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-ThinItalic.woff2") format("woff2"),
    url("fonts2/Gotham-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Thin.woff2") format("woff2"),
    url("fonts2/Gotham-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-UltraItalic.woff2") format("woff2"),
    url("fonts2/Gotham-UltraItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Medium.woff2") format("woff2"),
    url("fonts2/Gotham-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-MediumItalic.woff2") format("woff2"),
    url("fonts2/Gotham-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Bold.woff2") format("woff2"),
    url("fonts2/Gotham-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-XLight.woff2") format("woff2"),
    url("fonts2/Gotham-XLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Bold.woff2") format("woff2"),
    url("fonts2/Gotham-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-XLightItalic.woff2") format("woff2"),
    url("fonts2/Gotham-XLightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-Black.woff2") format("woff2"),
    url("fonts2/Gotham-Black.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src:
    url("fonts2/Gotham-BoldItalic.woff2") format("woff2"),
    url("fonts2/Gotham-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

h1 {
  color: #000;
  font-family: Gotham;
  font-size: 54px;
  font-style: normal;
  font-weight: 300;
  line-height: 70px;
}

h2 {
  font-family: Gotham;
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}

h3 {
  font-family: Gotham;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

h4 {
  font-family: Gotham;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

p {
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
}

a {
  text-decoration: none;
}

body {
  font-family: "Gotham";
  background-color: #fff;
  overflow-x: hidden;
}
.bg-bege {
  background-color: #eeede7;
}
.bg-bege-meio {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(255, 255, 255, 1)),
    color-stop(50%, rgba(255, 255, 255, 1)),
    color-stop(50%, rgba(238, 237, 231, 1)),
    to(rgba(238, 237, 231, 1))
  );
  background: -o-linear-gradient(
    bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(238, 237, 231, 1) 50%,
    rgba(238, 237, 231, 1) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(238, 237, 231, 1) 50%,
    rgba(238, 237, 231, 1) 100%
  );
}

.btn1 {
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  height: 50px;
  padding: 16px 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  background: #000;
  text-decoration: none;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.btn1:hover {
  color: #000;
  background: #fff;
}
p {
  color: #000;
  leading-trim: both;
  text-edge: cap;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}

.container-noright {
  margin: 0 0 0 calc((100vw - 1340px + 15px) / 2);
}

.container-noleft {
  margin: 0 calc((100vw - 1340px + 15px) / 2) 0 0;
}

@media (max-width: 1400px) {
  .container-noright {
    margin: 0 0 0 calc((100vw - 1140px + 15px) / 2);
  }

  .container-noleft {
    margin: 0 calc((100vw - 1140px + 15px) / 2) 0 0;
  }
}

@media (max-width: 1200px) {
  .container-noright {
    margin: 0 0 0 calc((100vw - 960px + 15px) / 2);
  }

  .container-noleft {
    margin: 0 calc((100vw - 960px + 15px) / 2) 0 0;
  }
}

@media (max-width: 960px) {
  .container-noright {
    margin: 0 0 0 calc((100vw - 768px + 15px) / 2);
  }

  .container-noleft {
    margin: 0 calc((100vw - 768px + 15px) / 2) 0 0;
  }
}

.banner {
  background-image: url("https://casttini.com.br/colecao-circolare/img/banner.jpg");
  height: 80vh;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.campo1 {
  background-color: #eeede7;
  padding: 80px 0px 110px 0px;

  background-image: url("img/campo1/fundo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.campo1 p {
  color: var(--Grey-900, #000);
  text-align: center;
  font-family: Gotham;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 23.4px */
  max-width: 720px;
  margin: 0 auto;
}

.campo1 img.t1 {
  margin: 80px auto;
  display: block;
}

.campo1 .row.cores1 {
  max-width: 984px;
  margin: 0 auto;
}

.campo1 .row.cores1 img {
  margin: 0 auto;
  display: block;
}
.campo1 .row.cores1 h5 {
  color: #000;
  text-align: center;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-top: 10px;
  margin-bottom: 50px;
  /* 19.2px */
}

.campo1 .row.cores1 h5 small {
  color: #979797;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
}

.align-cores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 22px;
}

.align-cores img {
  margin: 0 auto;
  display: block;
}
.align-cores h5 {
  color: #000;
  text-align: center;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-top: 10px;
  /* 19.2px */
}

.align-cores h5 small {
  color: #979797;
  font-family: Gotham;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
}

img.margin-center {
  margin: 0 auto;
  display: block;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-200 {
  padding-bottom: 200px;
}
.campo2 p {
  max-width: 460px;
  margin: 0 auto;
  display: block;
}

.campo3 p {
  max-width: 300px;
}
.campo3 .align-cores {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.img-full {
  width: 100%;
}
.campo3 .col-md-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.campo4 p {
  max-width: 325px;
}
.campo4 .align-cores {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.campo4 .col-md-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.campo4 .col-md-6.md2 {
  max-width: 325px;
  margin: 0 auto;
}

.campo7 p {
  max-width: 332px;
}
.campo7 .align-cores {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.campo7 .col-md-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.campo7 .col-md-6.md2 {
  margin: 0 auto;
  max-width: 540px;
}

.rodapett.rodapett-black img {
  width: 80px;
}
.rodapett.rodapett-black .redes-sociais img {
  width: auto;
}